//dom 元素 获取======================================================
//页面dom元素
const register = document.querySelector('.register.box');//注册大页面
const login = document.querySelector('.login.box');//登录大页面

//按钮dom元素
const registerA = document.querySelector('.register-a');// 注册 页面切换连接
const loginA = document.querySelector('.login-a');// 登录 页面切换连接
//登录按钮
// form 表单 功能实现 注册和登录
const registerForm = document.querySelector('.register form.container');//注册表单
const loginForm = document.querySelector('.login form.container');//登录表单

// 功能实现======================================================
//注册 点击切换 登录----------------
registerA.addEventListener("click", () => {
    register.style.display = "none";
    login.style.display = "block";
});
//登录 点击切换 注册---------------
loginA.addEventListener("click", () => {
    login.style.display = "none";
    register.style.display = "block";
});

//注册 按钮功能实现----------------
registerForm.addEventListener('submit', async (e) => {
    e.preventDefault();//阻止默认刷新
    //注册页面输入框的输入内容 输入框 值

    const username = document.querySelector('.register [type=text]').value.trim();
    //注册页面密码框的输入内容   密码框 值
    const password = document.querySelector('.register [type=password]').value.trim();

    //判断 框框是否为空
    if (!username || !password) {
        alert("输入框不能为空");
        return;
    };

    //提交数据
    const result = await axios({
        url: "/api/register",
        method: "post",
        data: {
            username,
            password,
        },
    });

    // console.log(result);
    //输出响应结果 判断是否成功
    // 成功
    if (result.data.code === 0) {
        toastr["success"](result.data.message, "恭喜您！！"); //显示 提示 弹框
        setTimeout(() => {
            registerA.click();//切换回登录页面
            toastr["success"]("已将页面帮您切换回登录页面", "注意哦！"); //显示 提示 弹框
            document.querySelector('.login [type=text]').value = username;//登录框内的内容与注册框内的内容保持一致
            document.querySelector('.login [type=password]').value = "";
        }, 1800);
    };
});

//登录 按钮功能实现----------------
loginForm.addEventListener("submit", async (e) => {
    e.preventDefault()//阻止默认刷新

    const username = document.querySelector('.login [type=text]').value.trim();
    //登录页面密码框的输入内容   密码框 值
    const password = document.querySelector('.login [type=password]').value.trim();
    //提交登录数据
    const result = await axios({
        url: "/api/login",
        method: "post",
        data: {
            username,
            password,
        },
    });
    // console.log(result);
    if (result.data.code === 0) {//登录成功跳转页面
        // 登录验证码保存到本地存储
        localStorage.setItem("token", result.data.token)

        toastr["success"](result.data.message, "恭喜喔！"); //显示 提示 弹框
        setTimeout(() => {
            location.href = "./index.html"//跳转到我想去的地方
        }, 1000);
    };

})